<!doctype html>

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>关于我们</title>
    <link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
    <link href="css/style.css" type="text/css" rel="stylesheet">
    <link type="text/css" href="css/nprogress.css" rel="stylesheet">
    <link rel="apple-touch-icon-precomposed" href="images/icon/icon.png">
    <link rel="shortcut icon" href="images/icon/favicon.ico">
    <meta name="Keywords" content=""/>
    <meta name="description" content=""/>


</head>

<body>
<div id="app">
    <section class="container user-select">
        <header id="appkind">
            <div class="hidden-xs header">
                <!--超小屏幕不显示-->
                <h1 class="logo"><a href="index.html" title="个人技术博客"></a></h1>
                <ul class="nav hidden-xs-nav">
                    <!-- <li v-for="kind in listkind" @click="getKind_name(kind.kind_id)"><a href=""><span class="glyphicon glyphicon-erase"></span>{{kind.kind_name}}</a></li> -->
                </ul>
            </div>
            <!--/超小屏幕不显示-->
            <div class="visible-xs header-xs">
                <!--超小屏幕可见-->
                <div class="navbar-header header-xs-logo">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#header-xs-menu"
                            aria-expanded="false" aria-controls="navbar"><span
                            class="glyphicon glyphicon-menu-hamburger"></span></button>
                </div>
                <div id="header-xs-menu" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav header-xs-nav">
                        <!-- <li v-for="kind in listkind" @click="getKind_name(kind.kind_id)"><a href=""><span class="glyphicon glyphicon-erase"></span>{{kind.kind_name}}</a></li> -->
                    </ul>
                    <form class="navbar-form" action="search.php" method="post" style="padding:0 25px;">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="请输入关键字">
                            <span class="input-group-btn">
									<button class="btn btn-default btn-search" type="submit">搜索</button>
								</span></div>
                    </form>
                </div>
            </div>
        </header>
        <!--/超小屏幕可见-->
        <div class="content-wrap">
            <!--内容-->
            <div class="content  container">
                <ul class="nav nav-tabs" style="width: 55%;">
                    <li><a href="index.html"><span class="glyphicon glyphicon-home"></span>&emsp;首页</a></li>
                    <li><a href="about.html"><span class="glyphicon glyphicon-user"></span>&emsp;个人中心</a></li>
                    <li><a href="addArticle.html"><span class="glyphicon glyphicon-erase"></span>&emsp;发表文章</a></li>
                    <li><a href="friendly.html"><span class="glyphicon glyphicon-tags"></span>&emsp;友情链接</a></li>
                </ul>
                <div class="content-block about-content row">

                    <h2 class="title" style="width: 55%;"><strong>关于我</strong></h2>

                    <div class="col-xs-2 col-sm-2 col-md-1">
                        <img id="simg" style="width: 6.25rem;height: 6.25rem;" src="images/shuimengali.jpg" alt="">
                        <span id="uimg" class="face" style="display: none;">
								<img style="width: 6.25rem;height: 6.25rem;" v-bind:src="userAll.user_userface" alt=""></span>

                    </div>
                    <!-- 具体操作链接 -->
                    <div class="col-xs-9 col-sm-9 col-md-11">
                        <ul class="nav navbar-nav center-block">

                            <li id="tclog" style="display: none;">
                                <a data-toggle="modal" style="float: left" v-on:click="tcloging()"><span
                                        class="glyphicon glyphicon-log-in"></span>退出登录</a>
                                <a data-toggle="modal" style="float: right" data-target="#saveus" href=""><span
                                        class="glyphicon glyphicon-log-in"></span>修改资料</a>
                            </li>

                        </ul>
                    </div>
                    <!-- 具体操作链接结束 -->
                </div>


                <!-- 修改个人信息 -->
                <div id="saveus" class="modal fade" tabindex="-1">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-body">
                                <button class="close" data-dismiss="modal">
                                    <span>&times;</span>
                                </button>
                            </div>
                            <div class="modal-title">
                                <h3 class="text-center">修改资料</h3>
                            </div>
                            <div class="modal-body">
                                <form class="form-group" id="registSubmit">
                                    <div class="form-group" style="display: none;">
                                        <label>用户编号</label>
                                        <input class="form-control" name="user_id" type="text"
                                               v-bind:value="userAll.user_id" placeholder="6-15位字母或数字">
                                    </div>
                                    <div class="form-group" style="display: none;">
                                        <label>用户名</label>
                                        <input class="form-control" name="user_username" type="text"
                                               v-bind:value="userAll.user_username"
                                               placeholder="6-15位字母或数字">
                                    </div>
                                    <div class="form-group">
                                        <label>昵称</label>
                                        <input class="form-control" name="user_nickname" type="text"
                                               v-bind:value="userAll.user_nickname"
                                               placeholder="昵称">
                                    </div>
                                    <div class="form-group">
                                        <label>性别</label>
                                        <select class="form-control" name="user_sex" v-bind:value="userAll.user_sex">
                                            <option value="男">男</option>
                                            <option value="女">女</option>
                                        </select>

                                    </div>
                                    <div class="form-group" style="display: none;">
                                        <label>原密码</label>
                                        <input class="form-control" name="" type="text"
                                               v-bind:value="userAll.user_password"
                                               placeholder="至少6位字母或数字">
                                    </div>
                                    <div class="form-group" style="display: none;">
                                        <label>新密码</label>
                                        <input class="form-control" name="user_password" type="text"
                                               v-bind:value="userAll.user_password"
                                               placeholder="至少6位字母或数字">
                                    </div>
                                    <div class="form-group">
                                        <label>生日</label>
                                        <input class="form-control" name="user_userBirthday" type="text"
                                               v-bind:value="userAll.user_userBirthday"
                                               placeholder="生日">
                                    </div>
                                    <div class="form-group">
                                        <label>QQ号</label>
                                        <input class="form-control" name="user_qq" type="text"
                                               v-bind:value="userAll.user_qq" placeholder="QQ">
                                    </div>
                                    <div class="form-group">
                                        <label>微信</label>
                                        <input class="form-control" name="user_weixin" type="text"
                                               v-bind:value="userAll.user_weixin" placeholder="微信">
                                    </div>
                                    <div class="form-group">
                                        <label>手机号</label>
                                        <input class="form-control" name="user_phoneNumber" type="text"
                                               v-bind:value="userAll.user_phoneNumber"
                                               validType="mobile" placeholder="至少13位字母">
                                    </div>
                                    <div class="form-group">
                                        <label>邮箱</label>
                                        <input class="form-control" name="user_email" type="email"
                                               v-bind:value="userAll.user_email" placeholder="例如:123@123.com">
                                    </div>
                                    <div class="form-group">
                                        <label>签名</label>
                                        <input class="form-control" name="user_signature" type="text"
                                               v-bind:value="userAll.user_signature"
                                               placeholder="签名">
                                    </div>

                                    <div class="text-right">
                                        <button class="btn btn-primary" @click="SaveUser">提交</button>
                                        <button class="btn btn-danger" data-dismiss="modal">取消</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 修改个人信息结束 -->
                <!-- 修改密码 -->

                <div id="saveps" class="modal fade">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-body">
                                <button class="close" data-dismiss="modal">
                                    <span>&times;</span>
                                </button>
                            </div>
                            <div class="modal-title">
                                <h3 class="text-center">修改密码</h3>
                            </div>
                            <div class="modal-body">
                                <form class="form-group" action="http://localhost:8601/savePassword" method="post">
                                    <div class="form-group" style="display: none;">
                                        <label>原密码</label>
                                        <input class="form-control" name="user_id" v-text="userAll.user_id"
                                               type="password"
                                               placeholder="">
                                    </div>
                                    <div class="form-group">
                                        <label>原密码</label>
                                        <input class="form-control" name="user_passworda" type="password"
                                               placeholder="">
                                    </div>
                                    <div class="form-group">
                                        <label>新密码</label>
                                        <input class="form-control" name="user_passwordb" type="password"
                                               placeholder="">
                                    </div>
                                    <div class="text-right">
                                        <button class="btn btn-primary" type="submit">确定修改</button>
                                        <button class="btn btn-danger" data-dismiss="modal">取消</button>
                                    </div>
                                    <a href="" data-toggle="modal" data-dismiss="modal" data-target="">忘记密码？点我找回</a>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>


                <!-- 修改密码结束 -->

                <div id="message" style="color: #0072C6;margin-bottom: 3.125rem;line-height: 3.125rem;">
                    <div style="font-size: 12px;"><a data-toggle="modal" data-target="#saveps" href=""
                                                     style="color:  #D58512;;"><span
                            class="glyphicon "></span>修改密码</a>
                    </div>
                    <div class="content-block comment-content">
                        <h2 class="title" style="width: 55%;"><strong>个人信息</strong></h2>
                        <table border="0" cellspacing="" cellpadding="" width="50%">

                            <tr>
                                <td style="text-align: right;">昵称：</td>
                                <td style="color: #1B6D85;">{{userAll.user_nickname}}</td>
                                <td style="text-align: right;">用户名：</td>
                                <td style="color: #1B6D85;">{{userAll.user_username}}</td>
                            </tr>
                            <tr>
                                <td style="text-align: right;">性别：</td>
                                <td style="color: #1B6D85;">{{userAll.user_sex}}</td>
                            </tr>
                            <tr>
                                <td style="text-align: right;">等级：</td>
                                <td style="color: #1B6D85;">{{userAll.user_levelId}}</td>
                                <td style="text-align: right;">积分：</td>
                                <td style="color: #1B6D85;">{{userAll.user_score}}</td>
                            </tr>
                            <tr>
                                <td style="text-align: right;">生日：</td>
                                <td style="color: #1B6D85;">{{userAll.user_userBirthday}}</td>
                                <td style="text-align: right;">注册日期：</td>
                                <td style="color: #1B6D85;">{{userAll.user_registerData}}</td>
                            </tr>
                            <tr>
                                <td style="text-align: right;">QQ号：</td>
                                <td style="color: #1B6D85;">{{userAll.user_qq}}</td>
                                <td style="text-align: right;">微信：</td>
                                <td style="color: #1B6D85;">{{userAll.user_weixin}}</td>
                            </tr>
                            <tr>
                                <td style="text-align: right;">手机号：</td>
                                <td style="color: #1B6D85;">{{userAll.user_phoneNumber}}</td>
                                <td style="text-align: right;">邮箱：</td>
                                <td style="color: #1B6D85;">{{userAll.user_email}}</td>
                            </tr>
                            <tr>
                                <td style="text-align: right;">签名：</td>
                                <td style="color: #1B6D85;" colspan="3">{{userAll.user_signature}}</td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="content-block comment">

                    <div class="content-wrap container">
                        <ul class="nav nav-tabs" style="width: 55%;">
                            <li class="active"><a href="#bulletin" data-toggle="tab" @click="getpeople()">我的文章</a></li>
                            <!-- <li><a href="#rule" data-toggle="tab">我的留言</a></li> -->
                            <li><a href="#forum" data-toggle="tab">我的评论</a></li>
                            <li><a href="#security" data-toggle="tab">我的好友</a></li>
                            <li><a href="#welfare" data-toggle="tab">我的收藏</a></li>
                        </ul>
                        <div id="mytab-content" class="tab-content">
                            <div class="tab-pane fade in active " id="bulletin">

                                <div class="row" v-for="Article in listArticle">

                                    <div class="news-list" style="width: 50%;">

                                        <div class="news-info" v-text="">
                                            <dl>
                                                <dt><a target="_blank" @click="content(Article)" v-text="">
                                                    {{Article.article_title}} </a></dt>
                                                <dd><span class="name"><a href="" title="由 我 发布" rel="author">{{Article.user.user_username}}</a></span>
                                                    <span class="identity"></span>
                                                    <span class="time"> {{Article.article_publishDate}} </span></dd>
                                                <dd class="text">{{Article.article_summary}}</dd>
                                            </dl>
                                            <div class="news_bot col-sm-7 col-md-8"> <span
                                                    class="tags visible-lg visible-md"> <a href="">类型</a> <a
                                                    href="">{{Article.article_kind.kind_name}}</a>
													</span> <span
                                                    class="look"> 共 <strong>{{Article.article_pageView}}</strong> 人围观，有<strong>
															{{Article.article_artileClickSum}} </strong> 人点赞 </span>
                                            </div>
                                        </div>
                                    </div>


                                </div>

                            </div>
                            <!-- <div class="tab-pane fade" id="rule">

                            </div> -->
                            <div class="tab-pane fade" id="forum">
                                <div class="comment-content">
                                    <ul style="line-height: 4.375rem">
                                        <li v-for="lcm in listArticle">
                                            <div v-for="com in lcm.commentList">
                                                <span class="face"><img v-bind:src="com.users.user_userface"
                                                                        alt=""></span>
                                                <span class="text"><strong>{{com.users.user_nickname}}</strong>
														{{com.comment_date}}) 说：
														{{com.comment_coumtent}}
													</span>
                                            </div>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="security">
                                <div class="comment-content" style="line-height: 3.125rem;">
                                    <ul style="width: 50%;">

                                        <li v-for="fd in listFriends"><span class="face"><img
                                                v-bind:src="fd.user_userface"
                                                alt=""></span> <span
                                                class="text" style="color: #C1E2B3;">昵称：<strong style="color: #09863E;">{{fd.user_nickname}}</br></strong>
													个性签名：<span style="color: #D58512;">{{fd.user_signature}}</span>
												</span></li>


                                    </ul>
                                </div>
                            </div>

                            <div class="tab-pane fade" id="welfare">

                                <div class="comment-content" style="line-height: 3.125rem;">
                                    <ul style="width: 50%;">

                                        <li v-for="coll in listCollect"  v-on:title="coll.article_title"> <span
                                                class="text" style="color: #C1E2B3;" @click="content(coll)">
                                            <span class="face">❆</span>
													<span style="color: #93b1ed">{{coll.article_summary}}</span>
												</span></li>


                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/内容-->
        <aside class="sidebar visible-lg" >
            <!--右侧>992px显示-->
            <div class="sentence"> <strong>每日一句</strong>
                <h2>2019年12月16日 星期一</h2>
                <p>{{randNote.note_statement}}</p>
            </div>

            <div>
                <div class="sidebar-block recommend">
                    <h2 class="title"><strong>热门推荐</strong></h2>
                    <ul>
                        <li v-for="hotac in listHotArticle"><a target="_blank" href="" @click="content(hotac)">
                            <!-- <span class="thumb"><img src="images/icon/icon.png" alt=""></span> -->
                            <span class="text">{{hotac.article_title}}</span> <span class="text-muted">阅读({{hotac.article_pageView}})</span></a></li>
                    </ul>
                </div>
                <div class="sidebar-block comment">
                    <h2 class="title"><strong>最新文章</strong></h2>
                    <ul>
                        <li data-toggle="tooltip" data-placement="top" v-for="newac in listNewArticle" v-bind:title="newac.article_title"
                            @click="content(newac)">
                            <a target="_blank" href="">{{newac.article_publishDate}}
                                <span class="text"><strong>{{newac.article_summary}}</strong> <br /></span></a></li>

                    </ul>
                </div>
            </div>
        </aside>
        <!--/右侧>992px显示-->
        <footer class="footer">POWERED BY &copy;<a href="#">技术博客 XXXXX.COM</a> ALL RIGHTS RESERVED
            &nbsp;&nbsp;&nbsp;<span><a
                    href="http://www.mycodes.net/" target="_blank">源码之家</a></span> <span style="display:none"><a
                    href="">网站统计</a></span>
        </footer>
    </section>
    <div><a href="" class="gotop" style="display:none;"></a></div>
</div>

<!--/返回顶部-->
<script src="js/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="js/nprogress.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/vue.js"></script>
<script src="desk/js/util.js"></script>
<script src="desk/js/about.js"></script>
</body>

</html>
